@import '../c_themes/theme.scss'; 
// 积分商城

// 积分记录-顶栏
.myScore-header {
	display: flex;
	background-color: $weakest-color;
	border-bottom: $common-line-width solid $tweenLine-color;
	justify-content: space-between;
	align-items: center;
	padding: 10rpx 20rpx;
}
	.myScore-header .wrap-info {
		display: flex;
	}
	.myScore-header .wrap-info view {
		width: 200rpx;
	}
	.myScore-header .wrap-button {
		flex-wrap: nowrap;
		display: flex;
	}
	// 积分记录-顶栏-按钮
	.myScore-header .wrap-button .common-btn {
		padding: 20rpx;
		margin: 10rpx;
	}

// 记录列表
.record-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:15rpx;
}
	// 列表项
	.record-list .list-item{
		display: flex;
		justify-content: space-between;
		border-bottom: $common-line-width solid $tweenLine-color;
		padding: 10rpx;
		margin: 0 10rpx;
		width: 100%;
		align-items: center;
	}
	// 列表项-信息项目
	.record-list .list-item .wrap-info view{
		display: block;
	}
	
	// 列表项-项目信息
	.record-list .list-item .wrap-info .item-name{
		display: block;
		width: 500rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	// 列表项-项目信息
	.record-list .list-item .wrap-info .item-info{
		display: block;
		width: 500rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: $normal-fontSize;
		color: $sub-color;
	}
	// 列表项-项目时间
	.record-list .list-item .wrap-info .item-time{
		display: block;
		width: 500rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: $small-fontSize;
		color: $sub-color;
	}
	
// 订单列表
.order-card {
	border-bottom: $common-line-width solid $tweenLine-color;
	margin:0 10rpx;
	padding: 20rpx 10rpx;
	width: 100%;
	display: flex;
}
	// 订单预览图
	.order-card .preview-img {
		width: 260rpx;
		height: 200rpx;
		margin-right: 10rpx;
		flex: none;
	}
	// 订单信息-信息项
	.order-card .order-info view {
		width: 400rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	// 订单信息-道具名
	.order-card .order-info .order-number,
	.order-card .order-info .order-time {
		font-size: $small-fontSize;
		color: $sub-color;
	}
	// 订单信息-状态
	.order-card .order-info .order-station {
		margin-top: 6rpx;
	}
	
// 状态文字
.station-text {
	font-weight: bold;
}
	// 等待
	.station-text.waiting {color: $sub-color;}
	// 取消
	.station-text.cancel {color: $important-color;}
	// 已结束
	.station-text.over {color: $light-color;}
	// 发送中
	.station-text.sending {color: $normal-color;}

// 商品信息头部
.item-detail-header {
	background-color: $weakest-color;
	padding: 0;
}
	// 商品名
	.item-detail-header .item-detail-name {
		border-bottom: $common-line-width solid $tweenLine-color;
		font-size: $title2-fontSize;
		padding: 20rpx;
		font-weight: bold;
	}
	// 商品信息列表
	.item-detail-header .item-detail-list {
		display: flex;
		flex-wrap: wrap;
	}
	// 列表项
	.item-detail-header .item-detail-list .detail-item {
		width: 50%;
		padding: 10rpx 0rpx;
		border-bottom: $common-line-width solid $weak-color;
		display: flex;
	}
	// 列表项-标题
	.item-detail-header .item-detail-list .detail-item .detail-item-title {
		margin-left: 20rpx;
	}

// 商品信息详情
.item-detail-content {
	padding: 20rpx;
	line-height: 1.5;
}
	// 商品信息详情-标题
	.item-detail-content .content-title {
		font-size: $title3-fontSize;
		display: block;
		border-left: 8rpx solid $important-color;
		font-weight: bold;
		padding-left: 10rpx;
		margin-bottom: 10rpx;
	}
	// 详情中的图片
	.item-detail-content image {
		width: 97.5%;
		margin: 10rpx auto 0 auto;
		display: block;
		border-radius: $common-border-radius;
	}
// 订单详情列表
.order-detail {
	background-color: $weakest-color;
}
	// 订单详情卡片
	.order-detail-list .order-detail-card{
		background-color: $weakest-color;
	}
	// 控件列表项
	.order-detail-card .control-list .quote-card {
		width: 100%;
	}
